<div class="container">
    <div class="simple-modal" tabindex="0">
        <div class="simple-modal__content">
            <header>
                <h4>
                    Cioc: ${obj.cioc}
                </h4>
                <small>NumericCode: ${obj.numericCode}</small>
                <small>Gini: ${obj.gini}</small>
                <span>Cerrar</span>
            </header>
            <div class="modal-main">
                <p><span>area:       </span> ${obj.area}      </p>
                <p><span>demonym:    </span> ${obj.demonym}   </p>
                <p><span>population: </span> ${obj.demonym}   </p>
                <p><span>subregion:  </span> ${obj.subregion} </p>
                <p><span>alpha3Code: </span> ${obj.alpha3Code}</p>
                <p><span>alpha3Code: </span> ${obj.alpha3Code}</p>
                <p><span>alpha3Code: </span> ${obj.alpha3Code}</p>
                <p><span>alpha3Code: </span> ${obj.alpha3Code}</p>
            </div>
            <footer>
                <button>Cerrar</button>
            </footer>
        </div>
    </div>
</div>
